<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>在线教育考试平台</title>
    <link rel="stylesheet" href="../utils/bootstrap.css" />
    <link rel="stylesheet" href="../basestyle/left-menu.css" />
    <link rel="stylesheet" href="../style/pa_changepassw.css">
    <script src="../utils/jquery-3.6.4.js"></script>
    <script src="../utils/bootstrap.js"></script>
</head>
<body>
    <div class="container-fluid home">
       <header class="clearfix">
            <h1>在线教育考试平台</h1>
            <span class="glyphicon glyphicon-arrow-left z-left"></span>
            <div  class="zlj-right">
                <span class="glyphicon glyphicon-search"></span>
                <span class="glyphicon glyphicon-bell"></span>
                <input type="file" id="file">
                <img src="../images/6.jpg" alt="" class="show-img"/>
                <span class="yonghu">admin</span>
                <span class="glyphicon glyphicon-off"></span>
            </div>
        </header>
        <section>
            <nav>
                <ul class="tz-left-ul clearfix zljshouye">
                    <li class="tz-second-li ">
                        <span class="glyphicon glyphicon-home tz-left-margin" aria-hidden="true"></span>
                        <span>首页</span>
                        <span class="glyphicon glyphicon-menu-down tz-floatright" aria-hidden="true"></span>
                        <div class="tz-second-menu-div zlj-shouye1" data-id="0"></div>
                    </li>
                    <li class="tz-second-li tz-ul-hidden">
                        <span class="glyphicon glyphicon-align-justify tz-left-margin" aria-hidden="true"></span>
                        <span>题库管理</span>
                        <span class="glyphicon glyphicon-menu-down tz-floatright" aria-hidden="true"></span>
                        <ul class="tz-left-ul">
                            <li data-id="12" data-href="#" class="zlj-shouye21"><span data-id="13" data-href="#" class="tz-left-margin zlj-shouye21">题目分类</span></li>
                            <li data-id="12" data-href="#" class="zlj-shouye22"><span data-id="13" data-href="#"class="tz-left-margin zlj-shouye22">题目列表</span></li>
                        </ul>
                        <div class="tz-second-menu-div" data-id="2"></div>
                    </li>
                    <li class="tz-second-li tz-ul-hidden">
                        <span class="glyphicon glyphicon-list-alt tz-left-margin" aria-hidden="true"></span>
                        <span>试卷管理</span>
                        <span class="glyphicon glyphicon-menu-down tz-floatright" aria-hidden="true"></span>
                        <ul class="tz-left-ul">
                            <li data-id="12" data-href="#" class="zlj-shouye31"><span data-id="13" data-href="#" class="zlj-shouye31 tz-left-margin">试卷分类
                                    </span>
                            </li>
                            <li data-id="12" data-href="#" class="zlj-shouye32"><span data-id="13" data-href="#"
                                    class="tz-left-margin zlj-shouye32">试卷列表</span></li>
                        </ul>
                        <div class="tz-second-menu-div" data-id="2"></div>
                    </li>
                    <li class="tz-second-li tz-ul-hidden">
                        <span class="glyphicon glyphicon-calendar tz-left-margin" aria-hidden="true"></span>
                        <span>考务管理</span>
                        <span class="glyphicon glyphicon-menu-down tz-floatright" aria-hidden="true"></span>
                        <ul class="tz-left-ul">
                            <li data-id="12" data-href="#" class="zlj-shouye41"><span data-id="13" data-href="#" class="tz-left-margin zlj-shouye41">准考证
                                    </span>
                            </li>
                            <li data-id="12" data-href="#" class="zlj-shouye42"><span data-id="13" data-href="#"
                                    class="tz-left-margin zlj-shouye42">签到表</span></li>
                            <li data-id="12" data-href="#" class="zlj-shouye43"><span data-id="13" data-href="#"
                                    class="tz-left-margin zlj-shouye43">桌贴</span></li>
                            <li data-id="12" data-href="#" class="zlj-shouye44"><span data-id="13" data-href="#"
                                    class="tz-left-margin zlj-shouye44">门贴</span></li>
                        </ul>
                        <div class="tz-second-menu-div" data-id="4"></div>
                    </li>
                    <li class="tz-second-li tz-ul-hidden">
                        <span class="glyphicon glyphicon-book tz-left-margin" aria-hidden="true"></span>
                        <span>考试管理</span>
                        <span class="glyphicon glyphicon-menu-down tz-floatright" aria-hidden="true"></span>
                        <ul class="tz-left-ul">
                            <li data-id="12" data-href="#" class="zlj-shouye51"><span data-id="13" data-href="#" class="tz-left-margin zlj-shouye51">考试列表
                                    </span>
                            </li>
                            <li data-id="12" data-href="#" class="zlj-shouye52"><span data-id="13" data-href="#"
                                    class="tz-left-margin zlj-shouye52">考试审批</span></li>
                            <li data-id="12" data-href="#" class="zlj-shouye53"><span data-id="13" data-href="#"
                                    class="tz-left-margin zlj-shouye53">考试监控</span></li>
                        </ul>
                        <div class="tz-second-menu-div" data-id="3"></div>
                    </li>
                    <li class="tz-second-li">
                        <span class="glyphicon glyphicon-education tz-left-margin" aria-hidden="true"></span>
                        <span>考生管理</span>
                        <span class="glyphicon glyphicon-menu-down tz-floatright" aria-hidden="true"></span>
                        <div class="tz-second-menu-div zlj-shouye61" data-id="0"></div>
                    </li>
                    <li class="tz-second-li tz-ul-hidden">
                        <span class="glyphicon glyphicon-sort-by-attributes-alt tz-left-margin"
                            aria-hidden="true"></span>
                        <span>统计分析</span>
                        <span class="glyphicon glyphicon-menu-down tz-floatright" aria-hidden="true"></span>
                        <ul class="tz-left-ul">
                            <li data-id="12" data-href="#" class="zlj-shouye71"><span data-id="13" data-href="#" class="tz-left-margin zlj-shouye71">考试分析
                                    </span>
                            </li>
                            <li data-id="12" data-href="#" class="zlj-shouye72"><span data-id="13" data-href="#"
                                    class="tz-left-margin zlj-shouye72">试卷分析</span></li>
                        </ul>
                        <div class="tz-second-menu-div" data-id="2"></div>
                    </li>
                    <li class="tz-second-li">
                        <span class="glyphicon glyphicon-tower tz-left-margin" aria-hidden="true"></span>
                        <span>证书管理</span>
                        <span class="glyphicon glyphicon-menu-down tz-floatright" aria-hidden="true"></span>
                        <div class="tz-second-menu-div zlj-shouye81" data-id="0"></div>
                    </li>
                    <li class="tz-second-li tz-ul-hidden">
                        <span class="glyphicon glyphicon-cog tz-left-margin" aria-hidden="true"></span>
                        <span>系统管理</span>
                        <span class="glyphicon glyphicon-menu-down tz-floatright" aria-hidden="true"></span>
                        <ul class="tz-left-ul">
                            <li data-id="12" data-href="#" class="zlj-shouye91"><span data-id="13" data-href="#" class="tz-left-margin zlj-shouye91">角色权限
                                    </span>
                            </li>
                            <li data-id="12" data-href="#" class="zlj-shouye92"><span data-id="13" data-href="#"
                                    class="tz-left-margin zlj-shouye92">短信设置</span></li>
                            <li data-id="12" data-href="#" class="zlj-shouye93"><span data-id="13" data-href="#"
                                    class="tz-left-margin zlj-shouye93">安全设置</span></li>
                            <li data-id="12" data-href="#" class="zlj-shouye94"><span data-id="13" data-href="#"
                                    class="tz-left-margin zlj-shouye94">系统日志</span></li>
                        </ul>
                        <div class="tz-second-menu-div" data-id="4"></div>
                    </li>
                </ul>
            </nav>
            <main>
                <div class="gl_main_title">
                    <span class="span1">个人中心 &nbsp;/ &nbsp;</span><span class="span2">个人中心</span>
                    <p>个人中心</p>
                </div>
                <div class="gl_main_center">
                    <div class="gl_main_center_cont">
                        <div class="gl_main_center_left clearfix">
                            <ul class="gl_main_center_left_ul">
                                <li class="li1"><a href="../pages/per_message.html">消息提示</a></li>
                                <li class="li2"><a href="../pages/feedback_1.html">投诉反馈</a></li>
                                <li class="li3"><a href="../pages/bas_information.html">基本信息</a></li>
                                <li class="li4"><a href="">密码修改</a></li>
                            </ul>
                        </div>
                        <div class="gl_center_right">
                            <h2>密码修改</h2>
                            <div class="gl_center_right_div1 clearfix">
                                <p>账户密码</p>
                                <span>当前密码强度：<span class="span4">强</span></span>
                                <button class="span3" data-toggle="modal" data-target="#editModal">修改</button>
                            </div>
                            <div class="gl_center_right_div1 clearfix">
                                <p>密保手机</p>
                                <span>已绑定手机号：<span class="telS">133****9767</span></span>
                                <button class="span3 " data-toggle="modal" data-target="#telModal">修改</button>
                            </div>
                            <div class="gl_center_right_div1 clearfix">
                                <p>密保问题</p>
                                <span class="gl_spa1">未设置密保问题，密保问题可有效保护账户安全</span>
                                <button class="span3"  data-toggle="modal" data-target="#mbaoModal">设置</button>
                            </div>
                            <div class="gl_center_right_div1 clearfix">
                                <p>备用邮箱</p>
                                <span>已绑定邮箱：<span class="span8">2807942996@qq.com</span></span>
                                <button class="span3" data-toggle="modal" data-target="#eamilModal">绑定</button>
                            </div>

                        </div>
                    </div>
                </div>

                <div class="modal fade" id="editModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
                    <div class="modal-dialog" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                                        aria-hidden="true">&times;</span></button>
                                <h4 class="modal-title" id="myModalLabel">密码修改</h4>
                            </div>
                            <div class="modal-body">
                                <form>
                                    <div class="form-group" class="gl_paW">
                                        <label for="exampleInputEmail1">密码</label>
                                        <input type="text" class="form-control inp1" id="inputEmail3" placeholder="请输入密码">
                                        <span class="span5"></span>
                                    </div>
                                </form>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                                <button data-dismiss="modal" type="button" class="btn btn-primary saveBtn1">保存</button>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="modal fade" id="telModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
                    <div class="modal-dialog" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                                        aria-hidden="true">&times;</span></button>
                                <h4 class="modal-title" id="myModalLabel">手机号更改</h4>
                            </div>
                            <div class="modal-body">
                                <form>
                                    <div class="form-group" class="gl_paW">
                                        <label for="exampleInputEmail1">手机号</label>
                                        <input type="telphone" class="form-control inp2" id="inputEmail3" placeholder="请输入手机号">
                                        <span class="spn6"></span>
                                    </div>
                                </form>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                                <button data-dismiss="modal" type="button" class="btn btn-primary saveBtn2">保存</button>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="modal fade" id="eamilModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
                    <div class="modal-dialog" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                                        aria-hidden="true">&times;</span></button>
                                <h4 class="modal-title" id="myModalLabel">邮箱更改</h4>
                            </div>
                            <div class="modal-body">
                                <form>
                                    <div class="form-group" class="gl_paW">
                                        <label for="exampleInputEmail1">邮箱</label>
                                        <input type="email" class="form-control inp3" id="inputEmail3" placeholder="请输入邮箱">
                                        <span class="span7"></span>
                                    </div>
                                </form>    
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                                <button data-dismiss="modal" type="button" class="save-btn3 btn btn-primary">保存</button>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="modal fade" id="mbaoModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
                    <div class="modal-dialog" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                                        aria-hidden="true">&times;</span></button>
                                <h4 class="modal-title" id="myModalLabel">密保问题</h4>
                            </div>
                            <div class="modal-body">
                                <form>
                                    <div class="form-group" class="gl_paW">
                                        <label for="exampleInputEmail1">你父亲的姓名</label>
                                        <input type="email" class="form-control inp-name" id="inputEmail3" placeholder="请输入">
                                        <span class="span7"></span>
                                    </div>
                                    <div class="form-group" class="gl_paW">
                                        <label for="exampleInputEmail1">你的生日</label>
                                        <input type="email" class="form-control inp-brithday" id="inputEmail3" placeholder="请输入">
                                        <span class="span7"></span>
                                    </div>
                                </form>    
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                                <button data-dismiss="modal" type="button" class="save-btn4 btn btn-primary">保存</button>
                            </div>
                        </div>
                    </div>
                </div>

            </main>
        </section>
    </div>
    <script src="../basestyle/left-menu.js"></script>
    <script src="../js/base.js"></script>
    <script src="../js/pa_changepassw.js"></script>
</body>

</html>